<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频详情页</title>
</head>

<body>

    <!-- 内容 -->
    <div class="app-videoteaching dpflex fdcolumn">

        <!-- 内容1 -->
        <div class="videoteachingone">
            <video id="courseVideo" class="course-video" muted autoplay loop></video>
            <span class="iconfont icon-laststep" id="goback"></span>
        </div>

        <!-- 内容2 -->
        <div class="videoteachingtwo">
            <h2>巧克力腹肌雕刻</h2>
            <div class="dpflex ">
                <p><span id="calorie" class="">--</span>千卡 </p>
                <p><span id="time">--</span>分钟 </p>
                <p><span id="peoplenum">99.99w</span> 人练过 > </p>
            </div>
        </div>

        <!-- 内容3 -->
        <div class="videoteachingthree dpflex">
            <img src="../lib/imgs/rigister1.jpg" alt="" id="imgurl">
            <div class="userall">
                <h3 class="user">用户名</h3>
                <p>三线达人课程设计师</p>
            </div>
            <button>+关注</button>
        </div>

        <!-- 内容4 -->
        <div class="videoteachingfour">
            <p id="desc">15分钟将带你雕刻出性感的巧克力父级,对腹部进行全方位的刺激，泵感十足！型男必备! ... <span>更多</span></p>
        </div>

        <!-- 内容5 -->
        <div class="videoteachingfive dpflex">
            <div >
                <span class="iconfont icon-database"></span>练习频次
                <p>每周<span id="frequency">--</span> 次</p>
            </div>
            <div>   
                <span class="iconfont icon-dumbbell"></span>器械
                <p id="instrument">无</p>
            </div>
        </div>

        <!-- 内容6 -->
        <button id="startBtn">开始训练</button>

    </div>

</body>

</html>